<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>智能门禁安装</title>
    <link href="css/common.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/control.css" rel="stylesheet">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <link href="css/access_control.css" rel="stylesheet">
</head>
<body style="cursor: pointer">
<!--nav-->
<div class="access_control_nav">
    <a href="#">
        <div class="control_nav_title">
            互联网+管理
        </div>
    </a>
    <div class="nav_right_box">
        <div class="right_box_left clearfix">
            <div class="nav_time lf">2017年8月1日 星期二</div>
            <span>掌连云管理后台</span>
        </div>
        <div class="right_box_right">
            <a href="#">掌连云管理后台</a>
            <a href="#">退出</a>
        </div>
    </div>
</div>
<!--左侧边栏-->
<div class="left_box">
    <div class="lock_list clearfix">
        <div class="lf">智能门禁</div>
        <div class="rt"><i class="fa fa-angle-up"></i></div>
    </div>
    <ul class="lock_list_one">

        <li class="clearfix lock_list_one_click">
            <a href="access.html">
                <div class="one_click_box   access_control_list">
                    <!--<a href="#">-->
                    <div class="lf"><i class="fa fa-angle-right"></i></div>
                    <span>智能门禁管理</span>
                    <div class="rt"><i class="fa fa-angle-up down"></i></div>
                    <!-- </a>-->
                </div>
            </a>
            <div class="lock_list_two_box">
                <div class="lock_list_two">
                    <div class="clearfix">
                        <a href="record.html">
                            <div class="two_click_box">
                                <div class="lf"><i class="fa fa-angle-right"></i></div>
                                <span>智能门禁发货</span>
                                <div class="rt"><i class="fa fa-angle-up down"></i></div>
                            </div>
                        </a>
                        <a href="delivery.html">
                            <div class="two_click_box_main" style="display: none;">
                                <div class="lf"><i class="fa fa-angle-right"></i></div>
                                <span>发货记录</span>
                            </div>
                        </a>
                    </div>

                    <div class="clearfix">
                        <a href="recovery.html">
                            <div class="two_click_box">
                                <div class="lf"><i class="fa fa-angle-right"></i></div>
                                <span>智能门禁回收</span>
                            </div>
                        </a>

                    </div>


                    <div class="clearfix">
                        <a href="javascript:;">
                            <div class=" two_click_box active">
                                <div class="lf"><i class="fa fa-angle-right"></i></div>
                                <span>智能门禁安装</span>
                                <div class="rt"><i class="fa fa-angle-up down"></i></div>
                            </div>
                        </a>
                        <a href="install.html">
                            <div class=" two_click_box_main" style="display: block;">
                                <div class="lf"><i class="fa fa-angle-right"></i></div>
                                <span>安装记录</span>
                            </div>
                        </a>
                    </div>

                </div>
            </div>
        </li>


        <li class="clearfix">
            <a href="examine.html">
                <div class="one_click_box">
                    <div class="lf"><i class="fa fa-angle-right"></i></div>
                    <span>申请钥匙审核</span>
                </div>
            </a>

        </li>


        <li class="clearfix">
            <a href="Journal.html">
                <div class="one_click_box">
                    <div class="lf"><i class="fa fa-angle-right"></i></div>
                    <span>开门日志</span>
                </div>
            </a>
        </li>


        <li class="clearfix">
            <a href="manage.html">
                <div class="one_click_box">
                    <div class="lf"><i class="fa fa-angle-right"></i></div>
                    <span>钥匙管理</span>
                </div>
            </a>
        </li>

    </ul>
</div>
<!--右侧主体-->
<div class="right_box">
    <div class="right_box_top clearfix">
        <div class="box_top_left">
            <i class="fa fa-home"></i>
            管理后台 > 智能门禁 > 智能门禁管理 > 智能门禁安装
        </div>
        <div class="box_top_right">

            <a href="#" style="margin-right: 7%;">
                <div class="home">
                    <i class="fa fa-th-large"></i>
                    主页
                </div>
            </a>
            <a href="#">
                <div class="retreat">
                    <i class="fa fa-arrow-circle-left"></i>
                    后退
                </div>
            </a>
        </div>
    </div>
    <div class="right_box_con">智能门禁安装</div>
    <div class="right_box_down">
        <div class="right_box_cen colour_con">
            <span class="con-1"></span>
            <span class="con-1"><input type="checkbox" name="selectall" style="z-index: 3"></span>
            <span class="con send_pid">PID编号
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
            <span class="con send_type">类型
            <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
            <span class="con send_ban">楼栋
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
            <span class="con send_unit">单元
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
            <span class="con send_entrance">门禁名称
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
            <span class="con con-ie send_operation">操作
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
        </div>
        <div class="delivery_data">

        </div>
    </div>
    <div class="flip flip_right">
        <span class="flip_arrow arrow">
            <i class="fa fa-step-backward hasPrePage"></i>
            <i class="fa fa-backward prePage"></i>
        </span>
        <span class="erect">
            <input type="text" value="1" class="currentPage">
            <span>共<font class="totalPage">0</font>页</span>
        </span>
        <span class="flip_arrow arrow_fl">
            <i class="fa fa-forward nextPage"></i>
            <i class="fa fa-step-forward last_page hasNextPage"></i>
        </span>
        <span class="erect-s">
            <select id="select">
                <option value="10">10</option>
                <option value="20">20</option>
                <option value="30">30</option>
            </select>
        </span>
        <span class="erect-p">
            <span class="digit_num">1</span>-<span class="digit_ber">10</span>
            共<span class="total">143</span>条
        </span>
    </div>
</div>
</body>
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="js/common.js" type="text/javascript"></script>
<script src="js/ajax_data.js" type="text/javascript"></script>
<script src="js/control.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/layer.js"></script>
<script src="js/access_control.js"></script>
</html>